<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="../../static/mobile/default/css/layout.css?v=2" />
    <link rel="icon" type="image/png" href="../../static/favicon.ico" />
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src="../../static/js/jquery/jquery/2.1.4/jquery.min.js"></script>
    <script src="../../static/js/jquery/jquery.cookie.js"></script>
    <script src="../../static/mobile/default/js/page.js?v=1"></script>
    <title>我的二维码 - 达漂亮</title>

    <style>
        .myCode .block {
            padding: 0.23rem;
        }
        
        .myCode .imgBoxZ {
            text-align: center;
            line-height: 5rem;
            box-shadow: 0.006667rem 0.006667rem 0.1rem 0 rgba(0, 0, 0, 0.05);
            background-color: #fff;
            position: relative;
            height: 7.2rem;
        }
        
        .myCode .page-ft {
            width: 100%;
            z-index: 9;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
        }
        
        .myCode .page-ft div {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 0.6rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
        }
        
        .myCode .page-ft div img {
            width: 0.186667rem;
            height: 0.186667rem;
            margin-right: 0.04rem;
        }
    </style>
    <script>
        var choose_img = "";
    </script>


</head>

<body>
    <div class="page myCode">
        <div class="page-hd">
            <div class="header base-header bor-1px-b">
                <div class="header-left">
                    <a href="javascript:history.go(-1)" class="left-arrow"></a>
                </div>
                <div class="header-title">我的二维码</div>
                <div class="header-right">
                    <!-- <a href=""></a> -->
                </div>
            </div>
        </div>

        <div class="page-bd ">
            <!-- 页面内容-->
            <div class="tabBox">
                <div class="block ">
                    <div class="imgBox ">
                        <img id="qrcode" src="" width="100%">
                        <div style="text-align: center; line-height: 30px;">长按图片下载</div>
                    </div>
                </div>
            </div>

        </div>
        <div class="page-ft hide">
            <div class="BGcolor_3 showbk"><img src="../../static/mobile/default/images/myCode01.png" alt=""><span class="fs28 fw_b color_w">更换背景</span></div>
        </div>

    </div>

    </div>

    <script src="../../static/js/art-template.js"></script>
    <script src="../../static/mobile/default/js/lib/fastclick.js"></script>
    <script src="../../static/js/jquery/lazyload/jquery.lazyload.js"></script>
    <script>
        $(function() {
            FastClick.attach(document.body);
            $("img.lazy").lazyload({
                effect: "fadeIn",
                event: "scroll",
                container: $(".page-bd")
            });
        });
        share()

        function share() {
            /***用户点击分享到微信圈后加载接口接口*******/
            var url = window.location.href;
            console.log("url:" + url);
            $.ajax({
                url: "/api/mp/wxconfig",
                type: "post",
                data: {
                    shareUrl: url
                },
                headers: {
                    token: $.cookie('code')
                },
                dataType: "json",
                success: function(data) {
                    configData = {
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: data.data.appid, // 必填，公众号的唯一标识
                        timestamp: data.data.timestamp, // 必填，生成签名的时间戳
                        nonceStr: data.data.nonceStr, // 必填，生成签名的随机串
                        signature: data.data.signature, // 必填，签名，见附录1
                        jsApiList: ['hideOptionMenu']
                            // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                    };

                    //step2:注入配置信息
                    wx.config(configData);
                    //step3:通过ready接口处理成功验证
                    wx.ready(function() {
                        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                        //                 alert("执行ready方法");
                        //                 wx.checkJsApi({
                        //                      jsApiList: ['chooseImage'] // 需要检测的JS接口列表，所有JS接口列表见附录2,
                        //                      success: function(res) {
                        //                      // 以键值对的形式返回，可用的api值true，不可用为false
                        //                      // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                        //                      }
                        //                 });
                        //接口1:获取网络类型
                        wx.getNetworkType({
                            success: function(res) {
                                oldNet = res.networkType; // 返回网络类型2g，3g，4g，wifi
                                //                        alert("网络类型"+ oldNet);
                            }
                        });
                        //禁用右上角菜单按钮
                        wx.hideOptionMenu();
                    })
                },
                error: function() {
                    // 			    _alert('ajax request failed!!!!');
                    return;
                }
            })



        }
    </script>

    <script type="text/javascript">
        var num = 0;

        function getCodeImg() {
            num++;
            jq_ajax('/api/mp/getUserQrCode', '', function(res) {
                $('#qrcode').attr('src', res.data);
            }, 'get');
        }
        getCodeImg();
        $('.showbk').click(function() {
            getCodeImg()
        })
    </script>


    <div class="alertBox">
        <div class="alertBG"></div>
        <div class="alert">
            <div class="text fs30 color_3 bor_b">

            </div>
            <!-- 单按钮 -->
            <div class="button fs32 fw_b color_r">
                知道了
            </div>
            <!-- 双按钮 -->
            <div class="buttonBox fs32 fw_b">
                <span class="color_9 bor_r cancel">取消</span>
                <span class="color_r confirm">确定</span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var is_xcx = 0;
        $(document).on('click', 'a', function() {
            var href = $(this).attr('href');
            if (href.indexOf('/pages') != -1) {
                if (is_xcx == 1) {
                    wx.miniProgram.navigateTo({
                        url: href
                    })
                    return false;
                } else {
                    return false;
                }
            }
        })
    </script>
</body>

</html>